import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from "react-router-dom";
import { Provider } from "react-redux";

import App from './App';
import { ThemeProvider } from 'styled-components';
import "normalize.css"
import "./assets/css/index.css"
import theme from './assets/theme';
import store from './store';
import "plyr-react/plyr.css"

// 创建根组件
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);

// 渲染根组件
root.render(
  // <React.StrictMode>
  <Provider store={store}>
    <ThemeProvider theme={theme}>
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </ThemeProvider>
  </Provider>

  // </React.StrictMode>
);
